/* flex */
.flex {
    display: flex;
}
.justleft{
    justify-content: flex-start;
}
.justright{
    justify-content: flex-end;
}
.justspacebetween{
    justify-content: space-between;
}
.justspacearround{
    justify-content: space-around;
}
.justcenter{
    justify-content: center;
}
.aligncenter{
    align-items: center;
}
.alignend{
    align-items: flex-end;
}
.alignstart{
    align-items: flex-start;
}   
.gap3 {
    gap: 3px;
}

.gap5 {
    gap: 5px;
}

.gap7 {
    gap: 7px;
}

.gap10 {
    gap: 20px;
}

.gap20 {
    gap: 20px;
}

.gap30 {
    gap: 30px;
}

/* font */
.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font17 {
    font-size: 17px;
}

.font18 {
    font-size: 18px;
}

.font19 {
    font-size: 19px;
}

.font20 {
    font-size: 20px;
}

/* other */
.pointer {
    cursor: pointer;
}